<div class="layui-row layui-col-space15" >
    <div class="layui-col-lg8 layui-col-md7" style="height: calc(100vh - 60px); overflow-y: auto;">
        <div class="layui-card">
            <div class="layui-card-header">更新日志</div>
            <div class="layui-card-body">
                <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">V1.0.1
                                <small>发布全新版本</small>&emsp;<span class="layui-badge-rim">2019-05-01</span>
                            </h3>
                            <ul>
                                <li>使用IDEA、SpringBoot</li>
                                <li>前端引入pandyle.js，填补layui模板引擎的短板</li>
                                <li>前端采用模块化开发方式，定义app、config等公用模块，封装ajax请求</li>
                                <li>界面优化，借鉴layadmin的设计风格，改版登录页面</li>
                            </ul>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div >

    <div class="layui-col-lg4 layui-col-md5" style="height: calc(100vh - 60px); overflow-y: scroll;">
        <div class="layui-card">
            <div class="layui-card-body">
                <table class="layui-table layui-text">
                    <tbody>
                    <tr>
                        <td>
                            IntelliJ IDEA 2019.1 (Ultimate Edition)<br>
                            JRE: 1.8.0_202-release-1483-b39 x86_64 <br>
                            JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o <br>
                            macOS 10.14.4 <br>
                        </td>
                    </tr>
                    <tr>
                        <td>Lombok | 阿里JAVA开发规约插件</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-header">后台框架</div>
            <div class="layui-card-body">
                <table class="layui-table layui-text">
                    <colgroup>
                        <col width="100">
                        <col>
                    </colgroup>
                    <tbody>
                    <tr>
                        <td>核心框架</td>
                        <td>Spring Boot v2.1.3</td>
                    </tr>
                    <tr>
                        <td>持久层</td>
                        <td>Hikari、<a href="http://mp.baomidou.com" target="_blank">MyBatis-Plus v3.1.0</a></td>
                    </tr>
                    <tr>
                        <td>限流框架</td>
                        <td>JWT</td>
                    </tr>
                    <tr>
                        <td>权限框架</td>
                        <td>
                            <a href="https://gitee.com/zyzpp/spring-boot-starter-current-limiting" target="_blank">spring-boot-starter-current-limiting</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="layui-card">
            <div class="layui-card-header">前端框架</div>
            <div class="layui-card-body">
                <table class="layui-table layui-text">
                    <colgroup>
                        <col width="100">
                        <col>
                    </colgroup>
                    <tbody>
                    <tr>
                        <td>核心框架</td>
                        <td><a href="http://www.layui.com/" target="_blank">layui-v2.4.5</a></td>
                    </tr>
                    <tr>
                        <td>路由框架</td>
                        <td><a href="https://github.com/itorr/q.js" target="_blank">q.js</a>（纯js轻量级路由）</td>
                    </tr>
                    <tr>
                        <td>mvvm框架</td>
                        <td><a href="https://gitee.com/pandarrr/pandyle" target="_blank">pandyle.js</a>（专为jquery编写的mvvm库）
                        </td>
                    </tr>
                    <tr>
                        <td>主要特色</td>
                        <td>单页面 / 响应式 / 简约 / 极易上手</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>

<script>
    initialize({
        module: ['carousel'],
        init: function () {
            var carousel = layui.carousel;
            var device = layui.device;
            layui.link('/assets/css/console.css');
            // 渲染轮播
            carousel.render({
                elem: '.layui-carousel',
                width: '100%',
                height: '60px',
                arrow: 'none',
                autoplay: true,
                trigger: device.ios || device.android ? 'click' : 'hover',
                anim: 'fade'
            });
        }
    })

</script>